﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Heading style designer preview</title>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
   	<script type="text/javascript">
	   window.onload = function () { parent.initDesigner("frame"); }
	 </script>
    <!-- page styles are inserted before this first link tag by DOM -->
	<link href="../IncludeCssNoCache.aspx" rel="stylesheet" type="text/css" title="wysiwyg" id="wysiwygcss" onload="parent.initDesigner('css');" />
	
<style type="text/css">
/* <![CDATA[ */
	.picker {
		position: absolute;
		display: block;
		opacity: .9;
		filter: alpha(opacity = 90);
	}
	.border-top {
		right: 50%;
		bottom: 100%;
	}
	.border-bottom {
		left: 50%;
		top: 100%;
	}
	.border-left, .border-right, .font, .cellprop, .margin {
		top: 50%;
		margin-top: -9px;
	}
	.border-left {
		right: 100%;
	}
	.border-right {
		left: 100%;
	}
	.font {
		left: 33%;
		margin-left: -10px;		
	}
	.cellprop {
		right: 50%;
		margin-right: -10px;
	}
	.margin {
		right: 33%;
		margin-right: -10px;
	}
	* html div,* html h1,* html h2,* html h3,* html h4,* html h5,* html h6 { 
		display: inline-block; /* hack for proper positioning of pickers */
	}
	div,h1,h2,h3,h4,h5,h6 { 
		overflow: visible;
		position: relative;
/*		height: 3em;*/
/*		z-index: 1; /* should be set inline */
	}
/* ]]> */
</style>

</head>
<body style="padding: 20px;">

<div id="documentEdge">

<h1>Heading 1 demo text</h1>
<p id="lorem4">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In ullamcorper ipsum eget erat.</p>
<h2>Heading 2 demo text</h2>
<p id="lorem5">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In ullamcorper ipsum eget erat.</p>
<h3>Heading 3 demo text</h3>
<p id="lorem6">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In ullamcorper ipsum eget erat.</p>
<h4>Heading 4 demo text</h4>
<p id="lorem7">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In ullamcorper ipsum eget erat.</p>
<h5>Heading 5 demo text</h5>
<p id="lorem8">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In ullamcorper ipsum eget erat.</p>
<h6>Heading 6 demo text</h6>

<p id="lorem3">Cras sit amet massa ut nisl tempus hendrerit. Etiam sagittis dignissim justo. Curabitur aliquam metus a ante. Integer in lorem ut nunc accumsan facilisis. Sed enim. Mauris est metus, rutrum id, cursus eget, ullamcorper at, leo.</p>

</div>

</body>
</html>
